import React,{Component} from 'react';
import { Card } from 'antd';
import {Link} from 'react-router-dom';
require ('antd/dist/antd.css');
require ('./Cardd.css');

class Cardd extends Component{
    constructor(props){
        super(props);
        this.state={

        }
    };
    componentDidMount(){

    }
    render(){
        return(
        <div>
            <div className="title">
                <Link to="/Information">
                 <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300 ,marginLeft:'20px',height:'165px'}}
                >
                    <p>test</p>
                </Card>
                </Link>
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300 ,marginLeft:'20px'}}
                >
                    <p>test</p>
                </Card>
                <Link to="/Management">
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300,marginLeft:'20px' }}
                >
                    <p>test</p>
                </Card>
                </Link>
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300 , marginLeft:'20px'}}
                >
                    <p>test</p>
                </Card>
            </div>
            <div className="title">
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300 ,marginLeft:'20px'}}
                    
                >
                    <p>test</p>
                </Card>
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300 ,marginLeft:'20px'}}
                >
                    <p>test</p>
                </Card>
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300,marginLeft:'20px' }}
                >
                    <p>test</p>
                </Card>
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300 , marginLeft:'20px'}}
                >
                    <p>test</p>
                </Card>
            </div>
            <div className="title">
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300 ,marginLeft:'20px'}}
                    
                >
                    <p>test</p>
                </Card>
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300 ,marginLeft:'20px'}}
                >
                    <p>test</p>
                </Card>
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300,marginLeft:'20px' }}
                >
                    <p>test</p>
                </Card>
                <Card
                    title="test"
                    // extra={<a href="#">More</a>}
                    style={{ width: 300 , marginLeft:'20px'}}
                >
                    <p>test</p>
                </Card>
            </div>
            </div>
            
        )
    } 
}
export default Cardd;